* {
	margin: 0;
}

html {
		height: 100%;
		margin: 0;
		padding: 0;
 
	}

body {
		color: #3E3E3E;
		background-color: #FBFFFF;
		margin: 0;
		padding:0;
		height:100%;
		font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		
	}

a {
   outline: 0;
}

input {

   outline: 0;
}

.form {	
	    font-size:13px;
		display: block; 
		position: relative; 
		margin-left: 50px; 
		margin-right: auto; 
		width: 700px;
	}
			
.textfield {
		width: 590px;
		font-size: 13px;
		font-family: Verdana, Geneva, Arial, sans-serif;
		height:100px;
		max-height:100px;
		max-width:590px;
		min-height:100px;
		min-width:590px;
	}
	
.tap_endpoint {
		margin-top:10px;
		
	}
	
	
.button {
		background: -moz-linear-gradient(center top , #8CBFC2, #519093) repeat scroll 0 0 transparent;
		background: #8cbfc2; /* Old browsers */
		background: -moz-linear-gradient(top, #8cbfc2 0%, #519093 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cbfc2), color-stop(100%,#519093)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #8cbfc2 0%,#519093 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #8cbfc2 0%,#519093 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #8cbfc2 0%,#519093 100%); /* IE10+ */
		background: linear-gradient(top, #8cbfc2 0%,#519093 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cbfc2', endColorstr='#519093',GradientType=0 ); /* IE6-9 */		
		border: medium none;
		border-radius: 5px 5px 5px 5px;
		color: #FFFFFF;
		cursor: pointer;
		font-size:13px;
		font-family: arial;
		padding: 4px 10px;
		text-shadow: 0 1px 1px #003547;	
		position: absolute;
		top: 3%;
		right: 10px;
		height:24px;
		width:65px;
		outline:none;
}	
	
.button.active {
		text-decoration:none;
	}	
	
.button:hover {
		background: none repeat scroll 0 0 #8CBFC2;
		text-decoration: none;	
	
	}


#searchbar {
	    color:white;
		border: 4px solid #AFC7C7;
		background: url("page_top_img.png");
		position: relative;
		width: 800px;
		height:220px;
		padding-top:15px;
		padding-left:10px;
		padding-right:10px;
		margin: 0 auto; 
		text-align:center;
	}	

#load {  
        display: none;
		background: url(ajax-loader.gif);
		background-repeat:no-repeat;
		margin:0 auto;	
        width: 40px;  
        height: 40px;  	
      }  
      	
	
/* Give the header a height and a background image */
#header {
		height:100px;
		background: url(background.jpg);
		background-repeat: none;
		text-align:center;
		padding:0;
		margin:0;
		position: relative; 
		min-width: 1024px !important; 
	}

/* Create a Shadow Overlay */ 
#header div {
		width:100%;
		height:100px;
		background: transparent url(overlay.png);
		padding:0;
		margin:0;
	}

/* Vertically position header text and style it*/
#header h1 {
		color:white;
		padding:0;
		margin:0;
		padding-top : 24px;
	}

#table_results {
		padding-left:10px;
		padding-right:10px;
		margin: 0 auto; 
		text-align:center;
		max-width:95%;
	}	

#results {
		display:none;
		margin: 0 auto; 
		text-align:center;
		margin-bottom:40px;
		width:95%;
		
	}	
	 
.left {
		background-color:#303233;
		padding-top:5px;
		width:160px;
		height:30px;
        bottom: 0px;
        left:50%;
   		position: fixed;
   		margin-left:-80px;
	    border:2px solid gray;
	    border-bottom-style:none;
	    z-index: 50;
	}

focus {outline:none;}
::-moz-focus-inner {border:0;}

.left input {
		font-weight: bold; 
		font-size: 13px;
		font-family: Verdana, Geneva, Arial, sans-serif;
		color: white;
		background:none;
		border:0;
		outline:none;
	}
	
.left input:hover {
		cursor:pointer;
		cursor: hand;
	}	
	
.left:hover {
		height:45px;
	}
		
#save_as {
		margin-left:10px;
		margin-bottom:10px;
		text-align:left;
		float:right;
	}
	
#save_as input {
		height: 28px; 
		width: 150px;
		background-color:#FBFFF; 
}

#save_as input:hover {
		height: 28px; 
		width: 150px;
		background-color:#A0C7EB;
	
	}
	

#loading_options {
		margin: 0 auto; 
		text-align:center;
		margin-top: 20px;
		display: none;
	}	
	
#loading_options .myButtonStop {
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
		background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
		background-color:#ededed;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #dcdcdc;
		color:#777777;
		font-family:arial;
		font-size:15px;
		font-weight:bold;
		padding:6px 24px;
		text-decoration:none;
		text-shadow:1px 1px 0px #ffffff;
	}

#loading_options .myButtonStop:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
		background-color:#dfdfdf;
	}

#loading_options .myButtonStop:active {
		position:relative;
		top:1px;
	}	

#loading_options .myButtonEmail {
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
		background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
		background-color:#ededed;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #dcdcdc;
		color:#777777;
		font-family:arial;
		font-size:15px;
		font-weight:bold;
		padding:6px 24px;
		text-decoration:none;
		text-shadow:1px 1px 0px #ffffff;
	}

#loading_options .myButtonEmail:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
		background-color:#dfdfdf;
	}

#loading_options .myButtonEmail:active {
		position:relative;
		top:1px;
	}

#viewer_header {
		height:60px;
		width: 100%; 
		background: black;
		text-align:center;
		padding:0;
		margin:0;
		position: relative; 
		min-width: 1024px !important; 
	}

/* Vertically position header text and style it*/
#viewer_header h3 {
		color:white;
		padding:0;
		margin:0;
		padding-top : 15px;
	}	

.spacer {
		clear:both; 
		height:1px;
	}

.email_form {
		margin:0 auto;
		width:500px;
		height:130px;
		padding:14px;
	}

.email_form {
		margin:0 auto;
		width:500px;
		height:130px;
		padding:14px;
	}

/* Email form */
#send_email {
		display:none;
		border:solid 2px #b7ddf2;
		background:#ebf4fb;
		margin-bottom:30px;
}

#send_email p {
		font-size:12px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}

#send_email input {
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:340px;
		height:20px;
		margin:2px 0 0px 0px;
	}

#send_email input:hover {
		background-color:#F2F2F2;
	}

#send_email .email_submit:hover {
		background-color:#B3B3B3;
	}

#send_email .email_submit {
		float:right;
		background-color:#4D4D4D;
		margin-left:0px;
		width:100px;
		height:31px;
		text-align:center;
		color:#FFFFFF;
		font-size:12px;
		font-weight:bold;
	}


#email_message {
		color:red;
		font-size:13px;
		font-style:italic;
		display:none;
		margin: 0 auto;
		text-align:center;
		margin-bottom:30px;
	}
	
.email_form a{
		float:right;
		text-decoration:none;
		font-size:15px; 
		color:#666666;
	}	
	
.email_form a:hover{
		color:black;
	}
	
#gradient {
		width:100%;
		min-width: 1024px !important;
		height:40px; 	
		background: url(line_small.png);
		background-repeat: repeat-x;
	}	
	
#metadata {
		border:solid 2px #FCACAC;
		background:#FBEBEB;
		margin:0 auto;
		font-size:13px;
		padding-bottom:10px;
		padding-left:20px;
		padding-right:10px;
		padding-top:10px;
		margin-bottom: 50px;
		width:80%;
		display:none;
	}
	
#toggle_metadata {
		position:absolute;
		width:39px;
		min-height:145px;
		min-width:39px;
		height:145px;
		background:url("metadata.png");
		background-repeat: no-repeat;
		z-index:50;
		border: 2px solid #AFC7C7;
		border-left:none;
		
	}	
	
#toggle_metadata:hover {
		background:url("metadata2.png");
		cursor:pointer;	
		width:70px;
		background-repeat: no-repeat;
	}

#toggle_metadata a {	
		color:#3E3535;
		font-size:12px;
		text-decoration:none;	
		cursor:pointer;
	}
	
.metadata_cancel {
		color:#929292;
		float:right;
		font-size:11px;
		text-decoration: none;
		margin-right:20px;	
	}
	
.metadata_cancel a:hover {
		color: #302226;
		cursor: pointer;
	}
	
#main {
    	padding-bottom:50px
	}	
	
#container_index {
	    min-height:100%;
   		position:relative;
	}	
	
#footer {	
		text-align:center; 
		padding-top:50px;
		font-size:11px;
		width:100%;
		height:50px;
		bottom: 0px;	
		background: url("paper_footer.gif");
		background-repeat:repeat-x;
		position: absolute;	
		min-width: 1024px !important;
				
	} 

#footer a {
		font-size: 13px;
		color:#736F6E;
		text-decoration: none;
		cursor: pointer;
	}
	
	
#footer a:hover{
		text-decoration: underline;
	}
	

#axis_input {
		font-size:11px;
		color:white;
		border: 4px solid #AFC7C7;
		width:840px;
		min-width: 840px !important; 
		height:220px;
		margin:0 auto;
		background: url("page_top_img.png");
		padding-top:10px;
		padding-bottom: 35px;
		padding-left: 50px;
	}

#axis_input input{
		padding:4px 2px;
		font-size:11px;
		border:solid 1px #aacfe4;
		width:180px;
		height:15px;
		display:inline;
		margin-top:5px;
		margin-left:10px;
	}

#axis_input input:hover {
		background-color:#A0C7EB;
	}
	
	
	
#axis_input input.submit {
		background: #8cbfc2; /* Old browsers */
		background: -moz-linear-gradient(top, #8cbfc2 0%, #519093 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8cbfc2), color-stop(100%,#519093)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #8cbfc2 0%,#519093 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #8cbfc2 0%,#519093 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #8cbfc2 0%,#519093 100%); /* IE10+ */
		background: linear-gradient(top, #8cbfc2 0%,#519093 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cbfc2', endColorstr='#519093',GradientType=0 ); /* IE6-9 */
		border: medium none;

		border-radius: 5px 5px 5px 5px;
		color: #FFFFFF;
		cursor: pointer;
		font-size:13px;
		font-family: arial;
		padding: 4px 10px;
		text-shadow: 0 1px 1px #003547;	
		outline:none;
		float:right;
		margin-right:5px;
		width:100px;
		height:24px;
	}

#axis_input input.submit:hover {
		background: none repeat scroll 0 0 #8CBFC2;
		text-decoration: none;
	}	


#axis_input input.submit.active {
		text-decoration:none;
	}	
	
	
#axis_input	label { 
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 150px; 
		padding: 0; 
		margin-top: 10px;
		text-align: right; 
	}
	
#post-it-example {
		text-align:left;
		color:black;
		font-family:'Lucida Casual', 'Comic Sans MS';
		font-style:normal;
		font-size:13px;
		margin-left:50px;
		margin-bottom:20px;
		float:right;
		width:400px;
		height:189px;
		background:url("post-it-2.png");
		line-height:17px;
		
	}	

#post-it-example small{
		font-size:11px;
		font-style:italic;
	}

#viewer_table_div {
		display:none;
		width:900px;
		margin:0 auto;
	
	}	
	
.save_button {
		background: #ededed; /* Old browsers */
		background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ededed), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ededed 5%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ededed 5%,#dfdfdf 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ededed 5%,#dfdfdf 100%); /* IE10+ */
		background: linear-gradient(top, #ededed 5%,#dfdfdf 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
		border: 1px solid #DCDCDC;
        border-radius: 6px 6px 6px 6px;
        box-shadow: 0 1px 0 0 #FFFFFF inset;
		background:#DCDCDC;
		width:100px;
		height:24px;	
		font-size:11px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		height:15px;
		font-weight: bold;
	}

.save_button input:hover {
		background-color:#D9D8D8;
	}
	
.heading {
		margin: 1px;
		padding: 3px 10px;
		cursor: pointer;
		position: relative;
		border:solid 1px black;
		padding-left:10px;
		background-color: white;
		width:95%;
		z-index:50;
				
	}
	
.meta_content {
		padding: 5px 10px;
		width:80%;
		margin:0 auto;
		margin-top:10px;
	}
	
#desc {
		font-size:12px;
	} 	
	
#accordion p { 
		padding: 5px 0; 
	}
	

.column_heading {
		cursor: pointer;
		position: relative;
		border:solid 1px black;
		padding-left:10px;
		padding-right:3px;
		padding-top:5px;
		padding-bottom:2px;
		background-color: white;
		z-index:50;
		font-size:11px;
	}

.column_heading img {
	
	}

.column_content {
		padding: 5px 10px;
	
	}	
	
.column_content li {
        list-style-type:none; 
	
	}
	
#endpoints_form {
		border: 4px solid #AFC7C7;
		width: 800px;
		padding-bottom: 30px;
		max-height:300px;
		padding-top:15px;
		padding-left:10px;
		padding-right:10px;
		margin: 0 auto; 
		text-align:center;		
		border-top: none;
		background-color:#EFEFEF;
		display:none;
	}	

#endpoints_form form {
		margin:0 auto;
		margin-top:30px;
		text-align:center;
		width:700px;
		max-width:700px;
		min-width:700px;
		padding-bottom:15px;
		border:1px solid gray;
		background-color: #C6C6C6;
		
	}

#overflow {
		overflow:auto;
		font-size:11px;
		font-style:italic;
		max-height:200px;
		margin-bottom:15px;
}
	
#endpoints_form table{
		text-align: left;
		margin-bottom:30px;
	}

#endpoints_form tr{
		width:700px;
		text-align:center;
		margin:0 auto;
	}

#endpoints_form th{
		width:690px;
		background-color: white;
		color:black;
		border:2px solid gray;	
	}
	
#endpoints_form label {	
		font-weight:normal;
		font-size:11px;
		color:black;	
		margin:0 auto;
		margin-right:10px;
		text-align:center;
	}

#endpoints_form p {
		font-size:12px;
		text-align:left;
	}
	
#endpoints_form input.submit{
		width:100px;
		height:24px;	
		font-size:11px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		height:25px;
		font-weight: bold;
		background-color:#E8E8E8;
		
	}

#endpoints_form input.submit:hover {
		background-color:#D9D8D8;
	}	

#toggle_endpoints {
		margin-top: 40px;
		margin-right:20px;
		float:right;
		
	
	}
	
#toggle_endpoints a {
		text-decoration: none;
		font-size:12px;
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
		background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
		background-color:#ededed;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #dcdcdc;
		color:#777777;
		font-family:arial;
		font-weight:bold;
		padding:6px 24px;
		text-decoration:none;
		text-shadow:1px 1px 0px #ffffff;
		cursor: pointer;
	}	
	
#toggle_endpoints a:hover {
		color:	#504A4B;

}
	
#tables {
		max-height:400px;
		overflow: auto;
	}	
	
.rowHover {
	    font-weight: bold;
    	font-style: italic;
}


#error {
		margin: 0 auto;	
		color:red;
		font-weight:bold;
		font-size:11px;
		margin-bottom:40px;
		text-align:center;
	}

#processing {
		font-style:italic;
		font-size:12px;
		margin-bottom:40px;
		text-align:center;
		margin: 0 auto;
	}


#select_all {
		float:right;
		font-size:10px;
		cursor:pointer;
		color:white;
		width:100px;
		font-weight:bold;
		margin-right:48px;
		padding:3px 5px 3px 5px;
		background-color: #AFC7C7;
		border:1px solid gray;
	}	
	
#select_all:hover {
		background-color: #A0C7EB;
	}	
	
	

.pagedisplay {
		width:70px;
	
	}

#cache_or_fetch {
		font-size:11px;
		clear:both;
		font-family: "Lucida" Grande, sans-serif;
		font-style:italic;
		float:right;
		color: rgb(135, 175, 199);
		margin-top:15px;
		margin-right:42px;
	}

#cache_or_fetch input{
		margin-left:15px;
	}
	
.demo_jui {
		margin: 30px auto 0 auto;
	}


.votable {
		width:80%;
	}

.big {
		font-size: 1.3em;
		font-weight: bold;
		line-height: 1.6em;
		color: #4E6CA3;
	}

.spacer {
		height: 20px;
		clear: both;
	}

.clear {
		clear: both;
	}

pre {
		padding: 15px;
		background-color: #F5F5F5;
		border: 1px solid #CCCCCC;
	}

#prefixes {
		border:1px solid black;
		width: 90%;
		margin:0 auto;
		background-color: white;
		font-size:11px;
	}

#prefixes input{
		float:right;
	}

a.dock-item {
		display: block;
		width: 80px;
		color: gray;
		position: absolute;
		top: 0px;
		text-align: center;
		text-decoration: none;
		font: bold 12px Arial, Helvetica, sans-serif;
		outline: none;
	}

a.dock-item focus {
		outline: none;
	}

img {
		border: none;
	}


#settings {
		width: 200px;	
		margin-top: 40px;
		margin-left:0px;
	}
	
#settings a {
		text-decoration: none;
		font-size:12px;
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
		background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
		background-color:#ededed;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #dcdcdc;
		color:#777777;
		font-family:arial;
		font-weight:bold;
		padding:6px 24px;
		text-decoration:none;
		text-shadow:1px 1px 0px #ffffff;
		cursor: pointer;
	}	
	
#settings a:hover {
		color:	#504A4B;
	}
	
	
#settings_form {
		border: 4px solid #AFC7C7;
		width: 800px;
		padding-bottom: 30px;
		max-height:300px;
		padding-top:15px;
		padding-left:10px;
		padding-right:10px;
		margin: 0 auto;
		text-align: center;
		border-top: none;
		background-color:#EFEFEF;
		display:none;

	}	

#settings_form input {
		margin-top:5px;
	}	
	
#settings_outter_box {
		margin:0 auto;
		text-align:center;
		padding-right:20px;
		padding-top:20px;
		padding-left:0px;	
		padding-bottom:10px;
		margin-top:15px;
		margin-bottom:5px;
		width:600px;
		border:1px solid gray;
		background-color: #C6C6C6;	
	}	